<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-back-button></ion-back-button>
    </ion-buttons>
    <ion-title>银企对接情况</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
    <ion-item *ngIf="items.length == 0">
        <span style="width:200px;text-align:center;color:Red;margin: 0px auto">暂无数据</span>
    </ion-item>
  <ion-card *ngFor="let item of items">
    <ion-card-content>
      <div class='details' slot="start">
        <ion-avatar class="img-avatar">
          <img src="{{item.cbankpic}}">
        </ion-avatar>
      </div>
      <div class="details" style="font-size:18px">{{item.cbank}}</div>
      <ion-buttons slot="end" >
          <ion-button slot="end">
              <ion-icon name="checkmark-circle" color="primary"></ion-icon>
          </ion-button>
        </ion-buttons>
      
    </ion-card-content>
    <ion-card-content>
      <div class='details'>
        <ion-avatar class="img-avatar" (click)="goToDetails()">
          <img src="{{item.ccpmpanypic}}">
        </ion-avatar>
      </div>
      <div  style="font-size:15px" >{{item.ccompany}}</div>
      <div class="date">对接日期：{{item.dconnecttime | date:"yyyy-MM-dd" }}</div>
    </ion-card-content>
  </ion-card>
  
  <ion-infinite-scroll (ionInfinite)="doUpRefresh($event)">
      <ion-infinite-scroll-content loadingText="正在加载数据" loadingSpinner="bubbles"></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
